<template>
    <el-row>
  <div class="el-aol">
    <el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path: '/hotel' }">酒店</el-breadcrumb-item>
  <el-breadcrumb-item :to="{ path: '/hotel' }" >{{data.real_city}}酒店</el-breadcrumb-item>
  <el-breadcrumb-item type="text" >{{data.name}}</el-breadcrumb-item>
</el-breadcrumb>
</div>
<el-row class="el-kol">
    <el-col class="el-kol">
        <span class="color" type="text">
        {{data.name}}
            <i class="iconfont iconhuangguan"></i>
            <i class="iconfont iconhuangguan"></i>
            <i class="iconfont iconhuangguan"></i>
            <i class="iconfont iconhuangguan"></i>
            <i class="iconfont iconhuangguan"></i>
        </span>
    <div>
    <span class="di">{{ data.alias }}</span>
</div>
<div>
    <i class="iconfont iconlocation"><span class="di">{{data.address}}</span></i>
</div>
</el-col>
</el-row>
</el-row>
</template>

<script>
export default {
    props:{
        data:
        {
            type:Object,
            default:()=>({})
        }
    }
}
</script>

<style scoped lang="less">
.color{
    color: #333;
    font-weight: 400;
    font-size: x-large;
}
.iconhuangguan{
    color: #f90;
}
.el-kol{
    margin-bottom: 20px;
    color: #666;
    font-size: 14px;
}
.el-aol{
    overflow: hidden;
    padding: 20px 0;
}
.di{
    font-size: x-small;
}
</style>